<template>
    <el-menu default-active="0" class="el-menu-vertical-demo" router>
        <!-- <template v-for="(item,index) in this.$router.options.routes" v-if="!item.hidden">
            <el-submenu :index="index+''" v-if="item.children.length>1" :key="index">
                <template v-slot:title>
                    <i :class="item.iconCls"></i>
                    <span>{{item.name}}</span>
                </template>
                <el-menu-item v-for="child in item.children" v-if="!child.hidden" :index="child.path" :key="child.path">
                {{child.name}}
                </el-menu-item>
            </el-submenu>
        </template> -->
    </el-menu>
</template>

<script setup>
// import { onMounted, getCurrentInstance } from 'vue';

// const instance = getCurrentInstance();

// function f() {
//     console.log(instance.ctx.$router)
//     console.log(this)
// }

// onMounted(console.log(this))

</script>